<html>
    <head>
        <title>模板编译</title>
    </head>
    <script>
        // 模板编译
                /*
                    你可能会有兴趣知道，Vue的模板"实际上被编译成了渲染函数".

                    这是一个实现细节，通常不需要关心。
                    但如果你想看看模板的功能具体是怎样编译的，可能会发现非常有意思。
                */
                // 下面是一个实用Vue.compile(compile:编译)来实时编译模板字符串的简单示例：
                            /*
                                <div>
                                    <header>
                                        <h1>I'm a template</h1>
                                    </header>
                                    <p v-if="message">{{ message }}</p>
                                    <p v-else>No message</p>
                                </div>
                            */

                    // 编译成渲染函数：
                    function anonymous() {
                        with(this){return _c('div',[_m(0),(message)?_c('p',[_v(_s(message))]):_c('p',[_v("No message.")])])}
                    }

                    // 最终生成静态渲染方法：
                    _m(0): function anonymous() {
                        with(this){return _c('header',[_c('h1',[_v("I'm a template!")])])}
                    }
    </script>
</html>